<template>
	<div class="box-container" v-loading="sLoading">
		<div class="box-content">
			<div class="addBoxTop">
				<span class="font_size20">详细</span>
			</div>
			<div class="basc-info">
				<Descriptions :column="3" title="">
					<el-descriptions-item label="使用云店">
						<span> {{ detailGiveObj.shop_name || '--' }} </span>
					</el-descriptions-item>
					<el-descriptions-item label="用户名称">
						<span> {{ detailGiveObj.custom_name || '--' }} </span>
					</el-descriptions-item>
					<el-descriptions-item label="联系方式">
						<span> {{ detailGiveObj.cellphone || '--' }} </span>
					</el-descriptions-item>
					<el-descriptions-item label="赠送时间">
						<span> {{ detailGiveObj.atime_txt || '--' }} </span>
					</el-descriptions-item>
					<el-descriptions-item label="赠送积分">
						<span> {{ detailGiveObj.v_txt || '--' }} </span>
					</el-descriptions-item>
				</Descriptions>
			</div>
		</div>
		<div class="footer-content" v-if="false">
			<footer-bottom :operations="operations" @operation="handleOperation" />
		</div>
	</div>
</template>

<script setup>
import { ref, onMounted, defineProps, defineEmits, getCurrentInstance, watch, computed, nextTick } from '@vue/composition-api'
import config from "@/js/conf/Config.js"
import Descriptions from "@/components/commV2/Description/descriptions.vue"

// 获取当前组件实例
const { proxy } = getCurrentInstance()

const props = defineProps({
	detailGiveObj: {
		type: Object,
		default: {},
	},
})

const emit = defineEmits(['editStopTpBmFun'])
const sLoading = ref(false)

// Lifecycle hooks
onMounted(() => { })

defineExpose({})

</script>

<style lang="scss" scoped>
.box-container {
	height: 100%;
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

.box-content {
	flex: 1;
	overflow: hidden;
	overflow-y: auto;
}

.footer-content {
	height: 60px;
}

.addBoxTop {
	width: 100%;
	height: 40px;
	border-bottom: 2px solid #E4E7ED;
	margin-bottom: 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.basc-info {
	margin-bottom: 5px;
	background-color: #fbfbfb;
	padding: 10px 15px;
	border-radius: 5px;
}

::v-deep .el-descriptions__body {
	background-color: transparent !important;
}
</style>